<!--
    * 章节: 04-03-06
    * 用于演示 flex-wrap 属性的使用
    * FilePath: /04-03/flex-wrap.html
    * @Parry
-->
<style type="text/css">
    .flex-wrap {
        display: flex;
        max-width: 360px;
        /*替换不同的 flex-wrap 属性值，学习不同属性的不同作用*/
        flex-wrap: wrap-reverse;
    }
</style>
<div class="flex-wrap">
    <p>
        <strong>1.</strong> One</p>
    <p>
        <strong>2.</strong> Two</p>
    <p>
        <strong>3.</strong> Three</p>
    <p>
        <strong>4.</strong> Four</p>
    <p>
        <strong>5.</strong> Five</p>
    <p>
        <strong>6.</strong> Six</p>
</div>